﻿<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html > 
<html>
 <head>
        <base href="<%=basePath%>">
        <meta charset="UTF-8">
        <title>数据资源目录服务系统</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="css/ystep.css">
        <script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jStringBuffer.js"></script>
    
    	<style type="text/css">
    		.table th{ background:#fffdfa  repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
			.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
			.table tr.odd td{ background:#f8f8f8; }
			.table tr:hover td{ background:#fff9e1; }
			.table a.ico{ }
    	</style>
    </head>
    
    <body class="skin-blue">
        <header class="header">
            <a href="javascript:void(0)" class="logo">数据资源目录服务系统</a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <a href="javascript:void(0)" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="dropdown user user-menu">
                            <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>管理员 <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="img/avatar5.png" class="img-circle" alt="User Image" />
                                    <p> 管理员</p>
                                </li>
                                <!-- Menu Body -->
                                <li class="user-body">
                                    <div class="col-xs-4 text-center">
                                        <a href="javascript:void(0)"></a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="javascript:void(0)"></a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="javascript:void(0)"></a>
                                    </div>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="javascript:void(0)" class="btn btn-default btn-flat">属性</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="javascript:void(0)" class="btn btn-default btn-flat">退出</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        
  <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 425px;">
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="left-side sidebar-offcanvas">                
          <!-- sidebar: style can be found in sidebar.less -->
          <section class="sidebar">
              <!-- Sidebar user panel -->
              <div class="user-panel">
                  <div class="pull-left image">
                      <img src="img/avatar5.png" class="img-circle" alt="User Image" />
                  </div>
                  <div class="pull-left info">
                      <p></p>
                      <a href="javascript:void(0)"><i class="fa fa-circle text-success"></i> Online</a>
                  </div>
              </div>
              <!-- search form -->
              <form action="javascript:void(0)" method="get" class="sidebar-form">
                  <div class="input-group">
                      <input type="text" name="q" class="form-control" placeholder="Search..."/>
                      <span class="input-group-btn">
                          <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                      </span>
                  </div>
              </form>
              <!-- /.search form -->
              <!-- sidebar menu: : style can be found in sidebar.less -->
            <!--   <ul class="sidebar-menu">
                  <li >
                      <a href="index.jsp">
                          <i class="fa fa-folder"></i> 
                          <span>数据资源目录</span>
                      </a>
                  </li>
                  <li>
                     <a href="javascript:void(0)">
                          <i class="fa fa-edit"></i>
                          <span>元数据录入</span>
                     </a>
                  </li>
                  <li>
                     <a href="pages/empty-sjss.html">
                          <i class="fa fa-search"></i> 
                          <span>数据搜索</span> 
                          <small class="badge pull-right bg-green"></small>
                     </a>
                  </li>
                  <li>
                     <a href="pages/empty-sjxz.html">
                          <i class="fa fa-download"></i> 
                          <span>数据下载</span> 
                          <small class="badge pull-right bg-green"></small>
                     </a>
                  </li>
                  <li>
                      <a href="pages/empty-sjtj.html">
                          <i class="fa fa-th"></i> 
                          <span>访问统计</span> 
                          <small class="badge pull-right bg-green"></small>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0)">
                          <i class="fa fa-cog"></i> 
                          <span>设置</span> 
                          <small class="badge pull-right bg-green"></small>
                      </a>
                  </li>
                   <li>
                      <a href="javascript:void(0)">
                          <i class="fa fa-comment"></i> 
                          <span>关于本站</span> 
                          <small class="badge pull-right bg-green"></small>
                      </a>
                  </li>
              </ul> -->
          </section>
          <!-- /.sidebar -->
      </aside>
      <!-- Right side column. Contains the navbar and content of the page -->
     <aside class="right-side sidebar-offcanvas">                
        <!-- Content Header (Page header) -->
        <section class="content-header">
           <h1><small></small></h1>
           <ol class="breadcrumb">
             <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i> 主页</a></li>
             <li class="active">元数据录入</li>
           </ol>
        </section>
         
        <!-- Main content -->
        <section class="content">
        	 <div class="box box-solid box-primary" id="box1">
        	 
	       	   <div class="box-header">
	             <h3 class="box-title">删除类别</h3>                                    
	           </div><!-- /.box-header -->
	           
               <div class="box-body table-responsive" style="padding-bottom:0px">
               	 <div class="nav-tabs" id="tabs-sjlr">
               	 	<ul class="nav nav-tabs">
						<li><a href="#del1" data-toggle="tab">删除一级分类</a></li>
						<li><a href="#del2" data-toggle="tab">删除二级分类</a></li>
						<li class="active"><a href="#del3" data-toggle="tab">删除三级分类</a></li>
					</ul>
					
					<div class="tab-content">
						<div class="tab-pane" id="del1">
							<div class="clo-md-6">
								<form id="formone" class="form-horizontal" role="form" >
									<table class="table" style="text-align: center;">
									    <tbody id="header1" style="display: none;">
									    	<tr><td colspan="3" align="center"><Strong>一级分类列表</Strong></td></tr>
											<tr><td>编码</td><td>名称</td><td>操作</td></tr>
									    </tbody>
										<tbody id="firstLevel"></tbody>
									</table>
								</form>
							</div>
						</div>
						
						<div class="tab-pane" id="del2">
							<div class="clo-md-6">
								<form class="form-horizontal" role="form" >
									<table class="table" style="text-align: center;">
										<tr>
											<td>一级编码</td>
											<td>
												<select id="firstSelect2" class="form-control" style="text-align:center" onchange="querySecondLevel1()">
                                          			<option value="-1">--请选择--</option>
                                          		</select>
											</td>
											<td></td>
										</tr>
									  	<tbody id="header2" style="display: none;">
									  		<tr><td colspan="3" align="center"><span id="who2"></span><Strong>分类下的二级分类列表</Strong></td></tr>
											<tr><td>编码</td><td align="left">名称</td><td>操作</td></tr>
									  	</tbody>
										<tbody id="secondLevel"></tbody>
									</table>
								</form>
							</div>
						</div>
						
						<div class="tab-pane active" id="del3">
							<div class="clo-md-6">
								<form class="form-horizontal" role="form" >
									<table class="table">
									   <tr>
											<td>一级编码</td>
											<td>
												<select id="firstSelect3" class="form-control" style="text-align:center" onchange="querySecondLevel2()">
                                          			<option value="-1">--请选择--</option>
                                          		</select>
											</td>
											<td></td>
										</tr>
									   <tr>
											<td>二级编码</td>
											<td>
												<select id="secondSelect3" class="form-control" style="text-align:center" onchange="queryThirdLevel()">
                                          			<option value="-1">--请选择--</option>
                                          		</select>
											</td>
											<td></td>
										</tr>
									   <tbody id="header3" style="display: none">
									   		<tr><td colspan="3" align="center"><span id="who3"></span><Strong>分类下的二级分类列表</Strong></td></tr>
											<tr><td>编码</td><td align="left">名称</td><td>操作</td></tr>
									   </tbody>
									   <tbody id="thirdLevel"></tbody>
									</table>
								</form>
							</div>
						</div>
						
					</div>
               	 </div>
               </div>
               
        	 </div>
        </section>
     </aside>
  </div>
	<div class="modal" id="myconfirm">
		<div class="modal-dialog modal-sm" style="width: 300px; padding-top: 200px">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" align="center">操作提示</h4>
				</div>
				<div class="modal-body">
					<span id="message"></span>
				</div>
				<div class="modal-footer">
					<button id="del_n" class="btn btn-default">取消</button>
					<button id="del_y" class="btn btn-primary">确认</button>
				</div>
			</div>
		</div>
	</div>
        <!-- jQuery 2.0.2 -->
      <script src="js/jquery.min.js"></script>
      <script src="js/jquery-ui.min.js"></script>
      <!-- 引入ystep插件 -->
	  <script src="js/ystep.js"></script>
      <!-- Bootstrap -->
      <script src="js/bootstrap.min.js" type="text/javascript"></script>
      <script src="js/jStringBuffer.js" type="text/javascript"></script>
      <!-- AdminLTE App -->
      <script src="js/AdminLTE/app.js" type="text/javascript"></script>
	  <script src="myjs/queren.js" type="text/javascript"></script>
	  <script src="myjs/delCategory.js" type="text/javascript"></script>
    </body>
</html>